<template>
  <div class="userDialogue">
    <div class="dflex">
      <el-avatar />
      <div class="userDom">
        <span class="txt">{{ props.data || "" }}</span>
      </div>
    </div>
  </div>
</template>
<script lang="ts" setup>
interface Props {
  data: string
}
const props = defineProps<Props>()
console.log(props.data)
</script>
<style lang="scss" scoped>
.userDialogue {
  .dflex {
    .txt {
      font-size: 14px;
      color: var(--el-color-info);
    }

    .userDom {
      margin: 10px;
      background: #eee;
      border-radius: 20px 20px 20px 5px;
      padding: 10px 20px;
    }
  }
}
</style>
